<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a class="logo" href="javascript:;"><img src="./images/header_logo.png" alt=""></a>
        <a class="download" href="javascript:;"><img src="./images/header_app.png" alt=""></a>
    </header>

    <!-- 搜索 -->
    <div class="search">
        <input type="text" id="txtOne">
        <button>搜索</button>
        <ul id="keywords">

        </ul>
    </div>

    <!-- 首页导航 -->
    <nav></nav>

    <div class="index_footer">
        <div class="footer_top">
            <span>超值折扣推荐</span>
            <span class="fa fa-pulse" id="rotateTu"></span>
        </div>
    </div>

    <div class="index_zhek">


    </div>

    <!-- 商品折扣模板 -->
    <script id="index_zheTpl" type="text/html">
        {{each arr as val index}}
        <div class="index_product">
            <a href="javascript:;">
                <div>
                    {{@val.productImgSm}}
                </div>
                <div class="proRight">
                    <div>
                        {{val.productName}} <span>{{val.ccc}}元</span>
                    </div>

                    <div>
                        <span>{{val.productFrom}}{{val.productTime}}</span>
                        <span><i class="fa fa-commenting-o"></i>
                          {{anData[index]}}
                        </span>
                    </div>
                </div>
            </a>
        </div>
        {{/each}}
    </script>

    <!-- 一个更多优惠信息 -->

    <a class="index_more" href="javascript:;">
        更多优惠信息 »
        <!-- <sub>>></sub> -->
    </a>


    <!-- 底部 -->
    <div class="index_footer">
        <div class="footer_top">
            <span>品牌排行</span>
            <span class="fa fa-pulse"></span>
        </div>
        <div class="footer_middle">
            <a href="javascript:;">登录</a>
            <a href="javascript:;">注册</a>
            <a class="btnBack" href="javascript:;"><span></span>返回顶部</a>
        </div>
        <div class="footer_bottom">
            <p><a href="javascript:;">手机APP下载</a>
                <a href="javascript:;">慢慢买手机版</a>
                <a href="javascript:;"> -- 掌上比价平台</a>
            </p>
            <p>m.manmanbuy.com </p>
        </div>
    </div>
</body>



<!-- 模板引擎 -->
<script id="navTpl" type="text/html">
    {{each arr value}}
    <a href="{{value.titlehref}}">
    {{@value.img}}
    <p>{{value.name}}</p>
  </a> {{/each}}
</script>
<!-- 模板引擎 -->

<script src="./lib/arttemplate/template-web.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>

</html>